<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>图片上传</title>
  <style>
    body{font-family:Segoe UI,Helvetica,Arial,"PingFang SC","Microsoft Yahei",sans-serif;background:#f7f8fa;margin:0;padding:24px}
    .wrap{background:#fff;border:2px dashed #d5d7de;border-radius:12px;padding:48px;text-align:center}
    .btn{background:#1e80ff;color:#fff;border:none;border-radius:8px;padding:10px 16px;cursor:pointer;margin:0 8px}
    .btn.secondary{background:#f2f3f5;color:#1f2328}
    .tip{color:#6b7785;margin-top:12px}
  </style>
  </head>
<body>
  <div class="wrap">
    <form action="/upload" method="post" enctype="multipart/form-data">
      <div>
        <input type="file" name="file" accept="image/*" />
      </div>
      <p class="tip">选择一张图片后点击提交上传到服务器 upload 文件夹</p>
      <div>
        <button class="btn secondary" type="button" onclick="location.href='/list'">查看已上传</button>
        <button class="btn" type="submit">提交</button>
      </div>
    </form>
  </div>
</body>
</html>


